const path = require('path')
module.exports = {
  lintOnSave: false,

  pluginOptions: {
    'style-resources-loader': {
      //配置处理css预处理类型
      preProcessor: 'less',
      patterns: [
        //配置需全局注入哪个样式文件，这里要写绝对路径
        path.join(__dirname, './src/assets/css/variables.less'),
        path.join(__dirname, './src/assets/css/mixins.less')
      ]
    }
  },
  //配置10kb以下的图片打包成base64的格式，减少http请求
  // 与精灵图对比,精灵图虽然合并了但还是发送http请求获取，buse64随着css资源就拿到了
  chainWebpack: config => {
    config.module
      .rule('images')
      .use('url-loader')
      .loader('url-loader')
      .tap(options => Object.assign(options, { limit: 10000 }))
  }
}
